// console.log('hello gzw');
// let str = require('./a');
// console.log(str);
//
// require('./index.css');
//
// require('./index.less');
//
// let fn = () => {
//   console.log('es6');
// };
// fn();
//
// @log
// class A {
//   // @log
//   a = 1;
// }
// let a = new A();
// console.log(a.a);
//
// function log(target) { // 装饰器实际是一个函数，第一个参数是装饰的对象
//   console.log(target)
// }


// jquery
// import $ from 'expose-loader?$!jquery';
// import $ from 'jquery';
// console.log($);  // 这个可以打印
console.log($); // 返回 undefined
// 如何 暴露给全局对象呢？
// expose-loader 暴露 全局的 loader 内联
// pre 前面执行的 loader ， normal 普通 loader， 内联 loader， 后置 loader


// webpack 打包我们的图片
// 1) 在 js 中创建图片来引入
// file-loader 默认会在内部生成一张图片 到 build 目录下，
// 把生成图片的名字返回回来
import './index.css';
import logo from './logo.png';// 把图片引入，返回结果是一个新的图片
let image = new Image();
console.log(logo);
// image.src = './logo.png'; // 就是一个普通的字符串
image.src = logo; // 就是一个普通的字符串
image.width= 300;
image.height= 300;
document.body.appendChild(image);
// 2) 在 css 引入 background('url')
// 3) <img src=''/>
